<template>
    <div id="goods">
        <div class="goods_page_nav">
            <div class="goods_nav_in wrap clearfix">
                <!-- <div class="right_text fr">没有找到需要采购商品，我要入仓代发</div> -->
                <ul>
                    <router-link :class="['fl',$route.name=='GoodsDetail'?'red':'']" tag="li" to="/goods/goodsList">所有礼品</router-link>
                    <!-- <router-link class="fl" tag="li" to="/goods/goods_purchase">私有仓库</router-link>
                    <router-link class="fl" tag="li" to="/goods/goods_history">历史购买</router-link> -->
                    <!-- <li @click="type = 1" :class="['fl',type==1?'active':'']">所有礼品</li>
                    <li @click="type = 2" :class="['fl',type==2?'active':'']">私有仓库</li>
                    <li @click="type = 3" :class="['fl',type==3?'active':'']">历史购买</li> -->
                </ul>
            </div>
        </div>
        <div class="mbx wrap">
            当前位置：首页 - <template v-if="$route.name == 'GoodsIndex' || $route.name == 'GoodsDetail'">礼品商城</template>
            <!-- <template v-if="$route.name == 'GoodsPurchase'">私有仓库</template>
            <template v-if="$route.name == 'GoodsHistory'">历史购买</template> -->
        </div>
        <router-view></router-view>
        <div class="xian"></div>
    </div>
</template>

<script>
export default {
    name: '',
    data() {
        return {
            type: 1,
        }
    },
    created(){},
    mounted(){},
    watch: {},
    methods: {}
}
</script>

<style lang="scss" scoped>
#goods{
    .goods_page_nav{
        margin-top: 10px;
        border-bottom: 2px solid #f80;
        .goods_nav_in{
            .right_text{
                line-height: 40px;
                color: #f80;
                &:hover{
                    cursor: pointer;
                    color: #666;
                }
            }
            ul{
                li{
                    line-height: 40px;
                    width: 150px;
                    text-align: center;
                    &:hover{
                        cursor: pointer;
                    }
                }
                .router-link-exact-active{
                    background: #f80;
                    color: #fff;
                }
                .red{
                    background: #f80;
                    color: #fff;
                }
            }
        }
    }
    .mbx{
        line-height: 60px;
        font-size: 14px;
        color: #666;
    }
    .xian{
        height: 5px;
        background: #eee;
        margin-top: 30px;
        margin-bottom: 20px;
    }
}
</style>